    <!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script>
        <script type="text/javascript" src="/Public/js/bootstrap.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/animate.css">  
        <style type="text/css">
            .content{
                position: absolute;
                top:0;
                left: 0;
                right: 0;
                bottom: 0px;
                overflow-x:hidden;
                overflow-y:auto;
                padding-bottom: 0 !important;
                text-align: center;
            }
            .container{
                width: 100%;
                text-align: center;
                line-height: 50px;
                margin: 0 auto;
            }
            .reffer{
                margin-top: 15px;
            }
            .line{
                position: absolute;
                left: 50%;
                padding-top: 10px;
                width: 80%;
                border-bottom: 1px solid black;
                margin: 0 auto;
                z-index: -1;
                -webkit-transform: translate(-50%);
                -ms-transform: translate(-50%);
                transform: translate(-50%);
            }
            .reffer-way{    
                font-size: 10px;
                width: 130px;
                /*height: 20px;*/
                margin: 0 auto;
                
                background-color: white;
            }
            .short{
                width: 70px;
                background-color: gray;
                color: white;
                border-radius: 10px;
                font-size: 10px;
            }
            .big-title{
                width: 100%;
                font-size: 25px;
                font-weight: bolder;
                margin: 10px auto;

            }
            .gold{
                color: #f67865;
            }
            
            .recommendPic{
                width: 70px;
                height: 70px;
                margin: 10px auto;
                border-radius: 50%;
                background-image: url(img/raodaqi.jpg);
                background-size: 100% 100%;
            }
            .recommendInfo{

            }
            .recommendInfo div{
                text-align: center;
            }
            .recommendInfo-title{
               color:#A4A6A8;
            }
            .recommendInfo-name{
                color: #34d098;
                margin: 3px 0 5px 0;
            }
            .recommendInfo-job{
                /*position: absolute;*/
                display: inline-block;
                border:1px solid #34d098;
                border-radius: 10px;
                padding: 0 10px;
                color: #A4A6A8;

            }
            .tip{
                margin: 20px 0;
                display: inline-block;
                border-radius: 10px;
                padding: 0 10px;
                background-color: #A4A6A8;
                color:white;

            }
            .evaluate-btn{
                width: 50%;
                height: 40px;
                margin: 0 auto;
                margin-top: 40px;
                background-color: #34d098;
                color: white;
                line-height: 40px;
                border-radius: 2px;
                padding: 0 !important;
                border:0px;
                font-size: 18px;
                margin-bottom: 10px;
            }
            .evaluate-star img{
                width: 32px;
                height: 30px;
                margin-left: 10px;
            }

            a{
                color: #A4A6A8;
                text-decoration: underline;
                padding-bottom: 80px;
            }
            .content{
                position: absolute;
                top:0;
                left: 0;
                right: 0;
                bottom: 0px;
                overflow-x:hidden;
                overflow-y:auto;
                text-align: center;
            }
            .container{
                width: 100%;
                text-align: center;
                line-height: 50px;
                margin: 0 auto;
            }
           .cacle{
                float: left;
                height: 100%;
                line-height: 50px;
                margin-left: 20px;

           }
           .cacle a{
                color: black !important;
           }
           .over{
                float: right;
                height: 100%;
                line-height: 50px;
                margin-right: 20px;
           }
            .container{
                width: 100%;
                text-align: center;
                line-height: 50px;
                font-size: 20px;
                font-weight: bolder;
            }
            .tip1{
                width: 90%;
                margin: 20px;
                text-align: left;
                color:#8D949A;
                font-size: 14px;
            }
            .tip2{
                width: 90%;
                margin: 20px;
                text-align: left;
                color: #C6CDD2;
                font-size: 12px;
            }
            .evaluate-text{
                width: 90%;
                height: 200px !important;
                background-color: white;
                border-radius: 5px;
                border: 1px solid gray;
                font-size: 14px;
            }
            .cacel{
                width: 120px;
                height: 40px;
                float: left;
                margin: 50px 0 80px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
            }
            .pass{
                width: 120px;
                height: 40px;
                float: right;
                margin: 50px 20px 80px 0;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
            }
            .other-href{
                margin:20px;
            }
            .other-href a{
                margin: 0 20px;
            }
            .disabled{
                color: #ccc;
                background-color: #fefefe;
                border: 1px solid gray;
            }
            .empty{
                height: 100px;
            }
        </style>
    </head>
    <body>
    <form action="#" method="post">
           <!--  <nav class="navbar navbar-default navbar-fixed-top">
                <div class="container">您的评价</div>
            </nav> -->
        <div class="content evaluate" id="evaluate" style="display:block">
            <div class="reffer">
                <div class="line"></div>
                <div class="reffer-way"> {$Think.now}</div>
            </div>

            <div class="big-title gold">赏金:￥{$job['rewardMoney']}</div>

            <div class="reffer">
                <div class="line"></div>
                <div class="reffer-way short">概况</div>
            </div>

            <!-- <div class="recommendPic">
                
            </div> -->
            <a href="http://w2.9026.com/addon/JianCai/JianCai/userMessage/uid/{$user[id]}">
                <img class="recommendPic" src="{$user['headimgurl']}"/>
            </a>

            <div class="recommendInfo">
                <div class="recommendInfo-title">推荐人</div>
                <div class="recommendInfo-name">{$user['name']}</div>
                <div class="recommendInfo-job">他向你推荐了:{$resume['candidate']}({$job['jobName']})</div>
            </div>

           <!--  <div class="tip">
                给推荐人评个分吧!
            </div> -->
            <div class="other-href">
                <a href="/addon/JianCai/JianCai/bill.html">发票</a>
                <a href="/addon/JianCai/JianCai/evaluateText/resumeId/{$resume['id']}">评论</a>
            </div>
             <div class="evaluate-star">
               <img id="1" src="/Public/img/评价页面的评分.svg">
               <img id="2" src="/Public/img/评价页面的评分.svg">
               <img id="3" src="/Public/img/评价页面的评分.svg">
               <img id="4" src="/Public/img/评价页面的评分.svg">
               <img id="5" src="/Public/img/评价页面的评分.svg">
               <input type="hidden" name="starNum" id="starNum" class="starNum" value="{$resume['starNum']}">
            </div>

<if condition="$resume['starNum'] eq 0">
            <div style="display:none" class="evaluate-btn">提交</div>
</if>
            <div class="empty"></div>
        </div>

        <nav class="navbar navbar-default navbar-fixed-bottom" style="display:none">
                <div class="container">
                    <div class="container-btn" data-navbar = "index">
                        <img src="/Public/img/我要推荐.svg">            
                        <div>我要推荐</div>
                    </div>
                    <div class="container-btn" data-navbar = "usePeople">
                        <img src="/Public/img/我要用人.svg">            
                        <div>我要用人</div>
                    </div>
                    <div class="container-btn" data-navbar = "user">
                        <img src="/Public/img/个人中心.svg">            
                        <div>个人中心</div>
                    </div>
                </div>
            </nav>
     <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="complete-userInfo">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">请先完善你的个人资料</div>
                    <div class="dialog-content">
                        只有先完善自己的个人资料才能查看对方的信息
                        <a href="/addon/JianCai/JianCai/userInfo.html">
                            <div class="dialog-btn">去完善＝＝》</div>
                        </a>
                    </div>
                </div>
                <div class="set-close">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>

        </div>
     
       <!--  <div class="content evaluateText" style="display:none">
            <div class="tip1">
                我们鼓励我们的推荐人提供高质量、高匹配度、高稳定性的服务。
            </div>
            <div class="tip2">
                在本次服务过程中有关推荐人的服务态度、候选人质量、响应及时性等，你可以写到这里。
                <br/>
我们会将你的评价展现在推荐人的个人资料下方。
            </div>
            <textarea class="evaluate-text" name="evaluateText" placeholder="请输入您的反馈内容..."></textarea>

            <button type="button" id="cacel" class="cacel">取消</button>

            <button type="button" id="pass" class="pass">完成</button>
        </div> -->
    </form>
    </body>
    <script type="text/javascript" src="/Public/js/zepto.min.js"></script>
    <script type="text/javascript" src="/Public/js/frozen.js"></script>
    <script type="text/javascript">
        var starDown = true;
        var btnDown = false;
        $("#cacel").on("click",function(){
           // $(".evaluateText").hide();
           $("#evaluate").show();
           console.log("message");
       });

       $(".evaluateText").on("click",function(){
           $(".evaluate").hide();
           $(".evaluateText").show();
       });

       $(".pass").on("click",function(){

           $("form").submit();
       });
       starNum = $("#starNum").val()
       if (starNum>0){ 
            for(var i = 1; i <= starNum;i++)
            {
                $('#'+i).attr("src","/Public/img/评分（填满）.svg");
            }           
       }else{
           $(".evaluate-star img").on("click",function(){
                console.log(this.id);

                    for(var i = 1; i <= 5;i++)
                    {
                        $('#'+i).attr("src","/Public/img/评价页面的评分.svg");
                    }

                     for(var i = 1; i <= this.id;i++)
                    {
                        $('#'+i).attr("src","/Public/img/评分（填满）.svg");
                        starDown = false;
                    }

                    $("#starNum").val(this.id);
                
               // if(starDown){
                    $(".evaluate-btn").show();
                    $(".evaluate-btn").css({"animation": "slideInUp 0.3s"});
                // }
           })
        }
 
       $(".evaluate-btn").on("click",function(){
            
            var data = $("#starNum").val();
            $(".evaluate-btn").text("已提交");
            $(".evaluate-btn").addClass("disabled");
            $(".navbar").show();
            if(!btnDown)
            {
                btnDown = true;
                   $.ajax({
                      type: 'GET',
                      url: "http://w2.9026.com/addon/JianCai/JianCai/UserAppraise/resumeId/{$resume['id']}/starNum/"+data,
                      data: data,
                      dataType: 'json',
                      success: function(result) {
                        $(".evaluate-btn").css({" background-color:": "#A4A6A8"});
                      },
                      error: function() {
                        console.log("message");
                        btnDown = false;
                      }   
                })
               //$.get("/addon/JianCai/JianCai/UserAppraise/resumeId/{$resume['id']}/starNum/"+data, function(result){ }); 


                //    $.ajax({
                //       type: 'GET',
                //       url: "/addon/JianCai/JianCai/UserAppraise/resumeId/{$job['id']}/Start/"+data,
                //       data: data,
                //       dataType: 'json',
                //       success: function(result) {
                //         $(".evaluate-btn").css({" background-color:": "#A4A6A8"});
                //       },
                //       error: function() {
                //         console.log("message");
                //         btnDown = false;
                //       }
                //     }   
                // })
           }
       })
       // $(".recommendPic").on("click",function(){

       //      var phoneNum = "{$user['phoneNum']}";
       //      // var phoneNum = "";
       //      if(phoneNum=='')
       //      {
       //         $("#complete-userInfo").modal('show'); 
       //      }else{
       //          window.location.href = "#";
       //      }
       //  })
       $(".set-close").on("click",function(){
             $("#complete-userInfo").modal('hide');
        })
        $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
    </script>
    </html>
